<script setup lang="ts"></script>

<template>
  <div class="dialog">
    <div class="dialog-header">
      <slot name="header">
         <h3>友情提示</h3>
      </slot>
      <span class="close">✖️</span>
    </div>

    <div class="dialog-content">
      <!-- 往slot标签内部，编写内容，可以作为后备内容(默认值) -->
      <slot name="default">
        我是默认的文本内容
      </slot>
    </div>
    <div class="dialog-footer">
      <slot name="footer">
        <button>取消</button>
      <button>确认</button>
      </slot>
     
    </div>
  </div>
</template>